// hooks  useState的初步使用
//1.声明一个函数组件
//2.通过react导入useSate
import React,{useState} from 'react'

export default function App() {
  // 3.调用useState函数,创建状态count和更新count的函数
  //语法: const [状态变量,更新状态的函数] = useState(初始值)
  // 都是配对的模式.一个状态变量配对一个更新状态函数
  const [count,setCount] = useState(0)
  const [msg,serMag]=useState('msg')
  return (
    <div >
      {/* 4.使用状态变量和更新状态函数 */}
    count --- {count}
      
    <button onClick={()=>setCount(count+1)}>点击改变count</button>

    msg-----{msg}
    <button onClick={()=>serMag(msg + '~')}>点击改变msg</button>
    </div>
  )
}


